<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>qrcode</title>
</head>
<body>
	
	<!-- 二维码 -->
	<div id = "qrcode"></div>
	
	<!-- 基于jquery -->
	<script type="text/javascript" src="./jquery.min.js"></script>
	<!-- 修改过的 jquery.qrcode.min.js -->
	<script type="text/javascript" src="./jquery.qrcode.min.js"></script>
	<script>

		// 渲染二维码
		$(function() {
			var url = window.location.href;
			$("#qrcode").qrcode({
			    render: !!document.createElement('canvas').getContext ? 'canvas' : 'table', // 渲染方式有table方式和canvas方式
			    width: 150,   //默认宽度
			    height: 150, //默认高度
			    text: url, //二维码内容
			    typeNumber: -1,   //计算模式一般默认为-1
			    correctLevel: 2, //二维码纠错级别
			    background: "#ffffff",  //背景颜色
			    foreground: "#000000"  //二维码颜色
			});
		})

	</script>

</body>
</html>